<template>
    <div class="title">
        <div class="title__text">{{ title }}</div>
        <router-link v-if="more" :to="more" class="title__more">查看更多<img src="./返回 (6).png" /></router-link>
    </div>
</template>
<script lang="ts" setup>
defineProps({
    title: {
        type: String,
        default: 'title'
    },
    more: {
        type: String,
        default: ''
    }
})

</script>
<style lang="less" scoped>
.title {
    padding: 30rem 26rem;
    height: 96rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title__text {
        font-weight: bold;
        font-size: 36rem;
        color: #333333;
    }

    .title__more {
        font-weight: 400;
        font-size: 26rem;
        color: #999999;
        display: flex;
        align-items: center;

        img {
            width: 10rem;
            height: 19rem;
            object-fit: contain;
            object-position: center;
            margin-left: 10rem;
            margin-top: 6rem;
        }
    }
}
</style>